<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到Game-Shopping-Center</title>
	<link rel="stylesheet" type="text/css" href="../css/host.css">
	<script type="text/javascript" src="../js/newpaper.js"></script>
	<style type="text/css">
		#con{
			width: 100%;
			height: 1920px;
			color: aliceblue;
			position: relative;		
			margin: 0 auto;
/*			background-color: blueviolet;	*/
		}
		#con_left{
			width: 170px;
			height: 500px;
			background-color: #184353;
			float: left;
			position: absolute;
			top: 30px;
			left: 15px;
			padding: 10px 0 0 0;
			
		}
		#con_right{
			width: 88%;
			height: 1750px;
/*			background-color:deeppink;*/
			float: right;
			margin: 10px 0 0 0;
		}
		#con_left ul li:hover{
			width: 100%;
			background: white;
			font-weight: bolder;
			font-size: 27px;
		}
		#con_left ul li a{
			color: #66C0E8;
		}

				
		.shopping-car a:hover{
			background-color: antiquewhite;
		}
		
		
		
		#con_right .con_right_newGames .newGames_list ul li,#con_right .con_right_freeGames .freeGames_list ul li{
			display: inline-block;
			margin: 20px;
		}
		
		
		
	</style>
	
</head>

<body>
<header id="=header">
		
	<div class="con">
	<div class="img"><img src="../img/1.1.png" alt="Hayoe"/></div>
	<ul class="left" >
		<li><a href="/toshopping">商城</a></li>
		<li><a href="/Comment/toComments">论坛</a></li>
		<li><a href="#">客服</a></li>
		
	</ul>
		<ul class="right">
		<li><a href="/User/usertoLogin">登录</a></li>
		<li><a href="/User/usertoRegister">注册</a></li>
		<li><a href="#">关于</a></li>

		</ul>
	</div>
	
  </header>

    <nav>
		<div id="nav_">
			<div id="con_left">
		<div class="con_left_container">
			<h3 style="text-align: center; color: #C5C3C0;">游戏类型</h3>
			<ul style="text-align: center; line-height: 100px;">
				<li><a href="#New">新游戏</a></li>
				<li><a href="#Free">免费游戏</a></li>

				<li><a href="#news">推荐新闻</a></li>
				<li><a href="#VR">VR游戏</a></li>

			</ul>
			</div>
		
		</div>
			<a href="/Resident Evil：8 Village" target="_blank"><div id="nav_banner"></div></a>
	<div id="nav_header_mid">
		<ul class="import">
			<li><a href="#">您的商店</a></li>
			<li><a href="/Order/toshow">您的订单</a></li>
		</ul>	
					
		</div>
		
		</div>
	</nav>
	
	<div id="con">
<!--
		<div id="con_left">
		<div class="con_left_container">
			<h3 style="text-align: left; color: #C5C3C0;">游戏类型</h3>
			<ul style="text-align: center; line-height: 100px;">
				<li><a href="#con_newgame">新游戏</a></li>
				<li><a href="#con_freegames">免费游戏</a></li>
				<li><a href="#">推荐和精选</a></li>
				<li><a href="#">VR游戏</a></li>
			</ul>
			</div>
		
		</div>
-->
		
		<div id="con_right">
		<div class="con_right_container">
		   <div class="con_right_newGames" id="New">
			<h3 style="margin: 5px 0 0 7px;">新游戏</h3>
			<div class="newGames_list">
				<ul>
			  <li>
				  <a href="/Century：Age of Ashes" target="_blank"><img src="../img/图片8.png" alt="世纪"/></a>
				  <h4><a href="#" target="_blank">世纪</a></h4>
				  <p><a href="#" target="_blank">￥168</a></p>
				  <div class="shopping-car"><a href="/Game/tobuy1" target="_blank"><img src="../img/shopping-car.png"/></a></div>
			  </li>
			  <li>
				  <a href="/Age of Empires IV" target="_blank"><img src="../img/图片10.png" alt="帝国时代4"/></a>
				  <h4><a href="#" target="_blank">帝国时代4</a></h4>
				  <p><a href="#" target="_blank">￥240</a></p>
				 <div class="shopping-car"> <a href="/Game/tobuy2" target="_blank"><img src="../img/shopping-car.png"></a></div>
				
			  </li>
			  <li>
				  <a href="/Chinese Paladin 7" target="_blank"><img src="../img/图片1.png" alt="仙剑奇侠传4"/></a>
				  <h4><a href="#" target="_blank">仙剑奇侠传7</a></h4>
				  <p><a href="#" target="_blank">￥123</a></p>
				 <div class="shopping-car"> <a href="/Game/tobuy3" target="_blank"><img src="../img/shopping-car.png"></a> </div>
			  </li>	
		 </ul>
		 </div>
			</div> 
			
			
		   <div class="con_right_freeGames" id="Free">
			<h3 style="margin: 5px 0 0 7px;">免费游戏</h3>
			<div class="freeGames_list"> 
		<ul>
			 <li>
				 <a href="/CSGO" target="_blank"><img src="../img/图片2.png" alt="CSGO"/></a>
				 <h4><a href="#" target="_blank">CSGO</a></h4>
				 <p><a href="#" target="_blank">￥免费</a></p>
				<div class="shopping-car"> <a href="/Game/tobuy" target="_blank"><img src="../img/shopping-car.png"></a></div>
			 </li>	 
			 <li>
				 <a href="/Fight" target="_blank"><img src="../img/图片12.png" alt="战意"/></a>
				 <h4><a href="#" target="_blank">战意</a></h4>
				 <p><a href="#" target="_blank">￥限时免费</a></p>
				 <div class="shopping-car"><a href="/Game/tobuy5" target="_blank"><img src="../img/shopping-car.png"></a></div>
			 </li>
			 <li>
				 <a href="/Destiny 2" target="_blank"><img src="../img/图片11.png" alt="命运2"/></a>
				 <h4><a href="#" target="_blank">命运2</a></h4>
				 <p><a href="#" target="_blank">￥免费</a></p>
				  <div class="shopping-car"><a href="/Game/tobuy4" target="_blank"><img src="../img/shopping-car.png"></a></div>
			 </li>		 
		 </ul>	

<div class="new" id="news">
	<h1>新闻介绍</h1>
	<ul class="news1">
		<li><a href="/newspaper1"><img src="../img/Game2.png" alt="经典跑酷" id="one"></a></li>
		<li><a href="/newspaper2"><img src="../img/Game5.png" alt="圣诞节" id="two"  ></a></li>
		<li><a href="/newspaper3"><img src="../img/Game3.jpg" alt="经典二次元巨作" id="three" ></a></li>
		<li><a href="/newspaper4"><img src="../img/Game1.png" alt="枪战" id="four" ></a></li>
	</ul>
	<ol class="news2">
		<li><a href="#1" onclick="fun1()">1</a></li>
		<li><a href="#2" onclick="fun2()">2</a></li>
		<li><a href="#3" onclick="fun3()">3</a></li>
		<li><a href="#4" onclick="fun4()">4</a></li>
	</ol>
</div>
<div class="VR" id="VR">
	<h1>VR游戏</h1>
	<img src="../img/VR.png">
	<p><strong>尚在开发，敬请期待</strong></p>
</div>

</div>


			

		   </div>
		</div>
		</div>
	</div>
			
	<footer>
		<div id="footer">
		 <div class="footer_content">
			 <p> Copyright©2021 Games-shopping-Center 保留所有权利。所有商标均为其在中国及其它国家/地区的各自持有者所有。</p>
		</div>
		
		</div>
	</footer>

	
</body>
</html>
